/**
 * Created by YJH on 2018/5/24.
 */
import React, {Component} from 'react';
import {
    StyleSheet,
    Text,
    View,
    TouchableOpacity,
    Image,
} from 'react-native';
import NavigationBarComponent from './NavigationBarComponent';

export default class GirlComponent extends Component<Props> {

    constructor(props) {
        super(props);
        this.state = {}
    }

    render() {
        return (
            <View style={styles.container}>
                <NavigationBarComponent
                    title={'HELLO GIRL'}
                    statusBar={{
                            backgroundColor:'green'
                        }}

                    leftButton={
                        <TouchableOpacity   onPress={()=>{
                            this.props.navigator.pop()
                        }}>
                            <Image
                                style={{width:20, height:20, margin: 10}}
                                source={require('../../res/images/ic_arrow_back_white_36pt.png')}
                            />
                        </TouchableOpacity>
                    }

                    rightButton={
                        <TouchableOpacity onPress={()=>{
                        }}>
                            <Image
                                style={{width:20, height:20, margin: 10}}
                                source={require('../../res/images/ic_star.png')}

                            />
                        </TouchableOpacity>
                    }
                    style={{backgroundColor:'green'}}
                />


                <Text style={styles.boy_text}>我是一个女孩儿</Text>
                <Text style={styles.boy_text}>收到男孩儿的{this.props.word}</Text>

                <Text style={styles.boy_text}
                      onPress={() => {
                          this.props.onCallBack('一盒巧克力')
                          this.props.navigator.pop()
                      }}
                >向男孩回赠一颗巧克力</Text>
            </View>
        )
    }
}

const styles = StyleSheet.create(
    {
        container: {
            flex: 1,
        },

        boy_text: {
            fontSize: 18,
            color: 'black',
            alignSelf: 'center',
        }
    }
)